<template>
  <div  :style="'height:'+ height">
    <iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto" />
  </div>
</template>

<script>
    export default {
        name: "index",
      data() {
        return {
          src: process.env.VUE_APP_BASE_API + "/druid/index.html",
          height: document.documentElement.clientHeight - 94.5 + "px;",
          // 加载层信息
          loading: [],
        };
      },
      mounted: function() {
       /* setTimeout(() => {
          this.loading = false;
        }, 230);*/
        const that = this;
        that.openLoading();
        window.onresize = function temp() {
          that.height = document.documentElement.clientHeight - 94.5 + "px;";
        };
        that.loading.close();
      },
      methods:{

        // 打开加载层
        openLoading() {
          this.loading = this.$loading({
            lock: true,
            text: "拼命读取中",
            spinner: "el-icon-loading",
            background: "rgba(0, 0, 0, 0.7)"
          });
        }
      }

    }
</script>

<style scoped>

</style>
